<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户注册 - 博客园</title>
    <!-- 引入css样式 -->
    <link rel="stylesheet" href="./css/relogin.css">
</head>

<body>
    <!-- 顶部导航栏 -->
    <div class="top-nav">
        <!-- 清除浮动 -->
        <div class="clearfix">
            <!-- 版心 -->
            <div class="top-nav-center">
                <!-- 左边 -->
                <div class="left">
                    <a href="">
                        ⚓ 博 客 园
                    </a>
                </div>
                <!-- 右边 -->
                <div class="right">
                    <a href="">
                        🏛 首页
                    </a>
                    <a href="">
                        🗨 登录
                    </a>
                    <a href="">
                        🗝 注册
                    </a>
                    <a href="">
                        ☎ 帮助
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 空白栏 -->
    <div class="blank"></div>
    <!-- 注册 -->
    <div class="sign">注册新用户</div>
    <div class="sign-blank"></div>
    <!-- 容器左边的登录 -->
    <div class="container">
        <form action="" id="add-users"
            <label for="">
                邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱
                <input type="text" placeholder="需要通过邮件激活账户">
            </label><br>
            <div class="blankk"></div><br>

            <label for="">
                手机号码
                <input type="text" value="+86  " class="phone">
                <input type="text" placeholder="激活账户需要手机短信验证" class="note">
            </label><br>
            <div class="blankk"></div><br>

            <label for="">
                登录名称
                <input type="text" placeholder="登陆用户名，不少于4个字符">
            </label><br>
            <div class="blankk"></div><br>

            <label for="">
                显示名称
                <input type="text" placeholder="即名称，不少于2个字符">
            </label><br>
            <div class="blankk"></div><br>

            <label for="">
                密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码
                <input type="password" placeholder="至少8位，必须包含字母、数字、特殊字符">
            </label><br>
            <div class="blankk"></div><br>

            <label for="">
                确认密码
                <input type="password" placeholder="请输入确认密码">
            </label><br>
        </form>
        <!-- 容器右边的图片 -->
        <div class="pic">
            <img src="./images/wh-image/registersideimg.png" alt="">
        </div>
        <div class="clear"></div>
        <button type="submit" class="register">注 册</button><br>
        <div class="blankk"></div><br>
        <div class="protocol">* “注册” 按钮，即表示您同意并愿意遵守 <a href="">用户协议。</a></div>
    </div>
    <div class="bottom">
        <a href=""> 关于博客园 </a>
        <a href=""> 联系我们 </a>
        ©2004-2019
        <a href=""> 博客园 </a>
        保留所有权利 Powered by ASP.NET
        Core on Linux
    </div>
</body>
   
</html>